import Vue from "vue";
import VueRouter from "vue-router";
import HomeView from "../views/HomeView.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "home",
    component: HomeView,
  },
  {
    path: "/about",
    name: "about",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/AboutView.vue"),
  },
  {
    path: "/img",
    name: "img",
    component: () => import("../views/ImgView.vue"),
  },
  {
    path: "/imgMaSaiKe",
    name: "imgMaSaiKe",
    component: () => import("../views/ImgMaSaiKe.vue"),
  },
  {
    path: "/feeTemplate",
    name: "feeTemplate",
    component: () =>
      import(/* webpackChunkName: "feeTemplate" */ "../views/feeTemplate.vue"),
  },
  {
    path: "/feeTemplate1",
    name: "feeTemplate1",
    component: () =>
      import(/* webpackChunkName: "feeTemplate" */ "../views/feeTemplate1.vue"),
  },
  {
    path: "/slider",
    name: "slider",
    component: () =>
      import(/* webpackChunkName: "slider" */ "../views/SliderView.vue"),
  },
  {
    path: "/canvasline",
    name: "canvasline",
    component: () =>
      import(/* webpackChunkName: "canvasline" */ "../views/CanvasLine.vue"),
  },
  {
    path: "/DragSort",
    name: "DragSort",
    component: () =>
      import(/* webpackChunkName: "DragSort" */ "../views/DragSort.vue"),
  },
  {
    path: "/Html2canvasDemo",
    name: "Html2canvasDemo",
    component: () =>
      import(
        /* webpackChunkName: "Html2canvasDemo" */ "../views/Html2canvasDemo.vue"
      ),
  },
  {
    path: "/WangeditorTest",
    name: "WangeditorTest",
    component: () =>
      import(
        /* webpackChunkName: "WangeditorTest" */ "../views/notice/WangeditorTest.vue"
      ),
  },
  {
    path: "/GanttChart",
    name: "GanttChart",
    component: () =>
      import(
        /* webpackChunkName: "GanttChart" */ "../views/GanttChart/index.vue"
      ),
  },
  {
    path: "/GanttChart",
    name: "GanttChart",
    component: () =>
      import(
        /* webpackChunkName: "GanttChart" */ "../views/GanttChart/index.vue"
      ),
  },
  {
    path: "/QRCode",
    name: "QRCode",
    component: () =>
      import(/* webpackChunkName: "QRCode" */ "../views/QRCode.vue"),
  },
  {
    path: "/testUrlaxios",
    name: "testUrlaxios",
    component: () =>
      import(
        /* webpackChunkName: "testUrlaxios" */ "../views/testUrlaxios.vue"
      ),
  },
  {
    path: "/TableTest",
    name: "TableTest",
    component: () =>
      import(/* webpackChunkName: "TableTest" */ "../views/TableTest.vue"),
  },
  {
    path: "/TestText",
    name: "TestText",
    component: () =>
      import(/* webpackChunkName: "TestText" */ "../views/TestText.vue"),
  },
  {
    path: "/TestTable",
    name: "TestTable",
    component: () =>
      import(/* webpackChunkName: "TestTable" */ "../views/TestTable.vue"),
  },
  {
    path: "/TestTableHover",
    name: "TestTableHover",
    component: () =>
      import(
        /* webpackChunkName: "TestTableHover" */ "../views/TestTableHover.vue"
      ),
  },
  {
    path: "/TestTableHover2",
    name: "TestTableHover2",
    component: () =>
      import(
        /* webpackChunkName: "TestTableHover2" */ "../views/TestTableHover2.vue"
      ),
  },
  {
    path: "/Form",
    name: "Form",
    component: () => import(/* webpackChunkName: "Form" */ "../views/Form.vue"),
  },
  {
    path: "/DynamicForm",
    name: "DynamicForm",
    component: () =>
      import(/* webpackChunkName: "DynamicForm" */ "../views/DynamicForm.vue"),
  },
  {
    path: "/myCalendar",
    name: "myCalendar",
    component: () =>
      import(/* webpackChunkName: "myCalendar" */ "../views/myCalendar.vue"),
  },
  {
    path: "/elTable",
    name: "elTable",
    component: () =>
      import(/* webpackChunkName: "elTable" */ "../views/elTable.vue"),
  },
  {
    path: "/elTable2",
    name: "elTable2",
    component: () =>
      import(/* webpackChunkName: "elTable" */ "../views/elTable2.vue"),
  },
  {
    path: "/elTable3",
    name: "elTable3",
    component: () =>
      import(/* webpackChunkName: "elTable" */ "../views/elTable3.vue"),
  },
  {
    path: "/editDiv",
    name: "editDiv",
    component: () =>
      import(/* webpackChunkName: "elTable" */ "../views/editDiv.vue"),
  },
  {
    path: "/baiduvuemap",
    name: "baiduvuemap",
    component: () =>
      import(/* webpackChunkName: "elTable" */ "../views/baiduvuemap.vue"),
  },
  {
    path: "/mapEcharts1",
    name: "mapEcharts",
    component: () =>
      import(/* webpackChunkName: "mapEcharts" */ "../views/mapEcharts.vue"),
  },
  {
    path: "/collapse",
    name: "collapse",
    component: () =>
      import(/* webpackChunkName: "collapse" */ "../views/collapse/index.vue"),
  },
  {
    path: "/progress",
    name: "progress",
    component: () =>
      import(/* webpackChunkName: "progress" */ "../views/progress.vue"),
  },
  {
    path: "/tableEditDemo1",
    name: "tableEditDemo1",
    component: () =>
      import(
        /* webpackChunkName: "tableEditDemo1" */ "../views/tableEditDemo1/index.vue"
      ),
  },
];

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
});

export default router;
